var match_page = `<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LPL 春季赛 FPX vs RNG</a>
    <span>23小时前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">FPX</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Alistar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Leona.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Lucian.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nautilus.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Kaisa.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/Jayce.png" alt="未来守护者">
            </a><a class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a class="show-hero">
                <img 
                    src="./img/Ryze.png" alt="符文法师">
            </a><a class="show-hero">
                <img 
                    src="./img/Xayah.png" alt="逆羽">
            </a><a class="show-hero">
                <img 
                    src="./img/Galio.png" alt="正义巨像">
            </a>

        </div>
    </div>
    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">34.8K</i>
            <i>金钱</i>
            <i class="number-blue">47.7K</i>
            <span>
                <em id="line" style="width:42.2%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">6</i>
            <i>击杀</i>
            <i class="number-blue">26</i>
            <span>
                <em id="line" style="width:18.8%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">1</i>
            <i>推塔</i>
            <i class="number-blue">9</i>
            <span>
                <em id="line" style="width:10.0%;"></em>
            </span>
        </li>
    </ul>
    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">RNG</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TwistedFate.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TahmKench.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rakan.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rell.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">
            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Gragas.png" alt="酒桶">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Orianna.png" alt="发条魔灵">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Tristana.png" alt="麦林炮手">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Sett.png" alt="腕豪">
            </a>

        </div>
    </div>
</div>
</li>

<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LPL 春季赛 FPX vs RNG</a>
    <span>1天前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">FPX</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Alistar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Lucian.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nautilus.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Udyr.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rakan.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/Jayce.png" alt="未来守护者">
            </a><a class="show-hero">
                <img 
                    src="./img/Volibear.png" alt="不灭狂雷">
            </a><a class="show-hero">
                <img 
                    src="./img/Akali.png" alt="离群之刺">
            </a><a class="show-hero">
                <img 
                    src="./img/Tristana.png" alt="麦林炮手">
            </a><a class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>

        </div>
    </div>


    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">42.0K</i>
            <i>金钱</i>
            <i class="number-blue">51.4K</i>
            <span>
                <em id="line" style="width:45.0%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">6</i>
            <i>击杀</i>
            <i class="number-blue">20</i>
            <span>
                <em id="line" style="width:23.1%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">3</i>
            <i>推塔</i>
            <i class="number-blue">6</i>
            <span>
                <em id="line" style="width:33.3%;"></em>
            </span>
        </li>
    </ul>


    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">RNG</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Hecarim.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TwistedFate.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TahmKench.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Lillia.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">

            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Gragas.png" alt="酒桶">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Olaf.png" alt="狂战士">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Orianna.png" alt="发条魔灵">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Leona.png" alt="曙光女神">
            </a>

        </div>
    </div>
</div>
</li>

<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LPL 春季赛 FPX vs RNG</a>
    <span>1天前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">FPX</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Alistar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gragas.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Lucian.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rakan.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/Irelia.png" alt="刀锋舞者">
            </a><a class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a class="show-hero">
                <img 
                    src="./img/Viktor.png" alt="机械先驱">
            </a><a class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a class="show-hero">
                <img 
                    src="./img/Leona.png" alt="曙光女神">
            </a>

        </div>
    </div>


    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">50.4K</i>
            <i>金钱</i>
            <i class="number-blue">61.2K</i>
            <span>
                <em id="line" style="width:45.2%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">10</i>
            <i>击杀</i>
            <i class="number-blue">27</i>
            <span>
                <em id="line" style="width:27.0%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">3</i>
            <i>推塔</i>
            <i class="number-blue">8</i>
            <span>
                <em id="line" style="width:27.3%;"></em>
            </span>
        </li>
    </ul>


    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">RNG</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Orianna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TwistedFate.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TahmKench.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Sylas.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rell.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">

            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Jayce.png" alt="未来守护者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Ryze.png" alt="符文法师">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Xayah.png" alt="逆羽">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Nautilus.png" alt="深海泰坦">
            </a>

        </div>
    </div>
</div>
</li>

<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LPL 春季赛 FPX vs RNG</a>
    <span>1天前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">FPX</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Alistar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Azir.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Lucian.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TwistedFate.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Kaisa.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/Irelia.png" alt="刀锋舞者">
            </a><a class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a class="show-hero">
                <img 
                    src="./img/Orianna.png" alt="发条魔灵">
            </a><a class="show-hero">
                <img 
                    src="./img/Xayah.png" alt="逆羽">
            </a><a class="show-hero">
                <img 
                    src="./img/Galio.png" alt="正义巨像">
            </a>

        </div>
    </div>


    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">64.9K</i>
            <i>金钱</i>
            <i class="number-blue">59.7K</i>
            <span>
                <em id="line" style="width:52.1%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">19</i>
            <i>击杀</i>
            <i class="number-blue">14</i>
            <span>
                <em id="line" style="width:57.6%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">7</i>
            <i>推塔</i>
            <i class="number-blue">5</i>
            <span>
                <em id="line" style="width:58.3%;"></em>
            </span>
        </li>
    </ul>


    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">RNG</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Leona.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TahmKench.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rakan.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rell.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">

            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Jayce.png" alt="未来守护者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Viktor.png" alt="机械先驱">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Tristana.png" alt="麦林炮手">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Nautilus.png" alt="深海泰坦">
            </a>

        </div>
    </div>
</div>
</li>

<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LPL 春季赛 RNG vs EDG</a>
    <span>5天前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">RNG</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TwistedFate.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Viktor.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TahmKench.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rell.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/Gnar.png" alt="迷失之牙">
            </a><a class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a class="show-hero">
                <img 
                    src="./img/Corki.png" alt="英勇投弹手">
            </a><a class="show-hero">
                <img 
                    src="./img/Xayah.png" alt="逆羽">
            </a><a class="show-hero">
                <img 
                    src="./img/Alistar.png" alt="牛头酋长">
            </a>

        </div>
    </div>


    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">63.9K</i>
            <i>金钱</i>
            <i class="number-blue">54.3K</i>
            <span>
                <em id="line" style="width:54.1%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">19</i>
            <i>击杀</i>
            <i class="number-blue">8</i>
            <span>
                <em id="line" style="width:70.4%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">11</i>
            <i>推塔</i>
            <i class="number-blue">3</i>
            <span>
                <em id="line" style="width:78.6%;"></em>
            </span>
        </li>
    </ul>


    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">EDG</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Azir.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Lucian.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Orianna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Sylas.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">

            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Jayce.png" alt="未来守护者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Syndra.png" alt="暗黑元首">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Rakan.png" alt="幻翎">
            </a>

        </div>
    </div>
</div>
</li>

<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LPL 春季赛 RNG vs EDG</a>
    <span>5天前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">RNG</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Azir.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TwistedFate.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Viktor.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TahmKench.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Sylas.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/Gnar.png" alt="迷失之牙">
            </a><a class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a class="show-hero">
                <img 
                    src="./img/Orianna.png" alt="发条魔灵">
            </a><a class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a class="show-hero">
                <img 
                    src="./img/Rakan.png" alt="幻翎">
            </a>

        </div>
    </div>


    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">83.0K</i>
            <i>金钱</i>
            <i class="number-blue">87.3K</i>
            <span>
                <em id="line" style="width:48.7%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">16</i>
            <i>击杀</i>
            <i class="number-blue">23</i>
            <span>
                <em id="line" style="width:41.0%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">7</i>
            <i>推塔</i>
            <i class="number-blue">7</i>
            <span>
                <em id="line" style="width:50.0%;"></em>
            </span>
        </li>
    </ul>


    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">EDG</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Alistar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Lucian.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nautilus.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Renekton.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">

            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Jayce.png" alt="未来守护者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Syndra.png" alt="暗黑元首">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Tristana.png" alt="麦林炮手">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>

        </div>
    </div>
</div>
</li>

<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LPL 春季赛 RNG vs EDG</a>
    <span>6天前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">RNG</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Hecarim.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Orianna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Zoe.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/Jayce.png" alt="未来守护者">
            </a><a class="show-hero">
                <img 
                    src="./img/Olaf.png" alt="狂战士">
            </a><a class="show-hero">
                <img 
                    src="./img/TwistedFate.png" alt="卡牌大师">
            </a><a class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>

        </div>
    </div>


    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">65.8K</i>
            <i>金钱</i>
            <i class="number-blue">69.8K</i>
            <span>
                <em id="line" style="width:48.5%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">13</i>
            <i>击杀</i>
            <i class="number-blue">18</i>
            <span>
                <em id="line" style="width:41.9%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">4</i>
            <i>推塔</i>
            <i class="number-blue">11</i>
            <span>
                <em id="line" style="width:26.7%;"></em>
            </span>
        </li>
    </ul>


    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">EDG</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Alistar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gragas.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Lucian.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Malphite.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Renekton.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">

            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Gnar.png" alt="迷失之牙">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Viktor.png" alt="机械先驱">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Senna.png" alt="涤魂圣枪">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/TahmKench.png" alt="河流之王">
            </a>

        </div>
    </div>
</div>
</li>

<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LPL 春季赛 RNG vs EDG</a>
    <span>6天前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">RNG</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Azir.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Jayce.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TwistedFate.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Zoe.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Sylas.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/Renekton.png" alt="荒漠屠夫">
            </a><a class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a class="show-hero">
                <img 
                    src="./img/Orianna.png" alt="发条魔灵">
            </a><a class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a class="show-hero">
                <img 
                    src="./img/Nautilus.png" alt="深海泰坦">
            </a>

        </div>
    </div>


    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">64.8K</i>
            <i>金钱</i>
            <i class="number-blue">51.5K</i>
            <span>
                <em id="line" style="width:55.7%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">19</i>
            <i>击杀</i>
            <i class="number-blue">4</i>
            <span>
                <em id="line" style="width:82.6%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">9</i>
            <i>推塔</i>
            <i class="number-blue">1</i>
            <span>
                <em id="line" style="width:90.0%;"></em>
            </span>
        </li>
    </ul>


    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">EDG</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gragas.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Lucian.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TahmKench.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rell.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">

            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Gnar.png" alt="迷失之牙">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Viktor.png" alt="机械先驱">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Tristana.png" alt="麦林炮手">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Alistar.png" alt="牛头酋长">
            </a>

        </div>
    </div>
</div>
</li>

<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LPL 春季赛 RNG vs EDG</a>
    <span>6天前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">RNG</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Hecarim.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Udyr.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rakan.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rell.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/Gragas.png" alt="酒桶">
            </a><a class="show-hero">
                <img 
                    src="./img/Olaf.png" alt="狂战士">
            </a><a class="show-hero">
                <img 
                    src="./img/Viktor.png" alt="机械先驱">
            </a><a class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a class="show-hero">
                <img 
                    src="./img/Alistar.png" alt="牛头酋长">
            </a>

        </div>
    </div>


    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">58.1K</i>
            <i>金钱</i>
            <i class="number-blue">47.9K</i>
            <span>
                <em id="line" style="width:54.8%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">15</i>
            <i>击杀</i>
            <i class="number-blue">3</i>
            <span>
                <em id="line" style="width:83.3%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">9</i>
            <i>推塔</i>
            <i class="number-blue">2</i>
            <span>
                <em id="line" style="width:81.8%;"></em>
            </span>
        </li>
    </ul>


    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">EDG</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Akali.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Corki.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gnar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Lucian.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Renekton.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">

            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Nocturne.png" alt="永恒梦魇">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Lillia.png" alt="含羞蓓蕾">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Azir.png" alt="沙漠皇帝">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Tristana.png" alt="麦林炮手">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Galio.png" alt="正义巨像">
            </a>

        </div>
    </div>
</div>
</li>

<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LCS 春季赛 C9 vs TL</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">C9</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gnar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Camille.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gangplank.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/Sion.png" alt="亡灵战神">
            </a><a class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a class="show-hero">
                <img 
                    src="./img/Sylas.png" alt="解脱者">
            </a><a class="show-hero">
                <img 
                    src="./img/Tristana.png" alt="麦林炮手">
            </a><a class="show-hero">
                <img 
                    src="./img/Alistar.png" alt="牛头酋长">
            </a>

        </div>
    </div>


    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">56.0K</i>
            <i>金钱</i>
            <i class="number-blue">41.3K</i>
            <span>
                <em id="line" style="width:57.6%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">20</i>
            <i>击杀</i>
            <i class="number-blue">7</i>
            <span>
                <em id="line" style="width:74.1%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">9</i>
            <i>推塔</i>
            <i class="number-blue">0</i>
            <span>
                <em id="line" style="width:100.0%;"></em>
            </span>
        </li>
    </ul>


    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">TL</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nidalee.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Xayah.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Lillia.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Karma.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Orianna.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">

            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Chogath.png" alt="虚空恐惧">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Viktor.png" alt="机械先驱">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>

        </div>
    </div>
</div>
</li>

<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LCS 春季赛 C9 vs TL</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">C9</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Renekton.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gangplank.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Sylas.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Orianna.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/Gragas.png" alt="酒桶">
            </a><a class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a class="show-hero">
                <img 
                    src="./img/Zoe.png" alt="暮光星灵">
            </a><a class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a class="show-hero">
                <img 
                    src="./img/Alistar.png" alt="牛头酋长">
            </a>

        </div>
    </div>


    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">71.6K</i>
            <i>金钱</i>
            <i class="number-blue">63.9K</i>
            <span>
                <em id="line" style="width:52.8%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">13</i>
            <i>击杀</i>
            <i class="number-blue">7</i>
            <span>
                <em id="line" style="width:65.0%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">11</i>
            <i>推塔</i>
            <i class="number-blue">4</i>
            <span>
                <em id="line" style="width:73.3%;"></em>
            </span>
        </li>
    </ul>


    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">TL</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Malphite.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nidalee.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Ryze.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Senna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Jinx.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">

            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Gnar.png" alt="迷失之牙">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Viktor.png" alt="机械先驱">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Xayah.png" alt="逆羽">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>

        </div>
    </div>
</div>
</li>

<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LCS 春季赛 C9 vs TL</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">C9</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Xayah.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Alistar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Hecarim.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TahmKench.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/Karma.png" alt="天启者">
            </a><a class="show-hero">
                <img 
                    src="./img/Nocturne.png" alt="永恒梦魇">
            </a><a class="show-hero">
                <img 
                    src="./img/Viktor.png" alt="机械先驱">
            </a><a class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>

        </div>
    </div>


    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">58.8K</i>
            <i>金钱</i>
            <i class="number-blue">64.4K</i>
            <span>
                <em id="line" style="width:47.7%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">9</i>
            <i>击杀</i>
            <i class="number-blue">14</i>
            <span>
                <em id="line" style="width:39.1%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">5</i>
            <i>推塔</i>
            <i class="number-blue">7</i>
            <span>
                <em id="line" style="width:41.7%;"></em>
            </span>
        </li>
    </ul>


    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">TL</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nidalee.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TwistedFate.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Lillia.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Ryze.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Renekton.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">

            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Gangplank.png" alt="海洋之灾">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Orianna.png" alt="发条魔灵">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Aphelios.png" alt="残月之肃">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Thresh.png" alt="魂锁典狱长">
            </a>

        </div>
    </div>
</div>
</li>

<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LCS 春季赛 C9 vs TL</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">C9</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Xayah.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Renekton.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Sylas.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Olaf.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/Malphite.png" alt="熔岩巨兽">
            </a><a class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a class="show-hero">
                <img 
                    src="./img/Orianna.png" alt="发条魔灵">
            </a><a class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a class="show-hero">
                <img 
                    src="./img/Rakan.png" alt="幻翎">
            </a>

        </div>
    </div>


    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">80.6K</i>
            <i>金钱</i>
            <i class="number-blue">73.6K</i>
            <span>
                <em id="line" style="width:52.3%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">20</i>
            <i>击杀</i>
            <i class="number-blue">10</i>
            <span>
                <em id="line" style="width:66.7%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">11</i>
            <i>推塔</i>
            <i class="number-blue">6</i>
            <span>
                <em id="line" style="width:64.7%;"></em>
            </span>
        </li>
    </ul>


    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">TL</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Alistar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nidalee.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Sion.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Senna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Jinx.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">

            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Gnar.png" alt="迷失之牙">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/TwistedFate.png" alt="卡牌大师">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Sivir.png" alt="战争女神">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>

        </div>
    </div>
</div>
</li>

<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LCS 春季赛 C9 vs TL</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">C9</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gnar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Orianna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TwistedFate.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Kaisa.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/Renekton.png" alt="荒漠屠夫">
            </a><a class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a class="show-hero">
                <img 
                    src="./img/Seraphine.png" alt="星籁歌姬">
            </a><a class="show-hero">
                <img 
                    src="./img/Kalista.png" alt="复仇之矛">
            </a><a class="show-hero">
                <img 
                    src="./img/Alistar.png" alt="牛头酋长">
            </a>

        </div>
    </div>


    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">82.2K</i>
            <i>金钱</i>
            <i class="number-blue">84.3K</i>
            <span>
                <em id="line" style="width:49.4%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">19</i>
            <i>击杀</i>
            <i class="number-blue">20</i>
            <span>
                <em id="line" style="width:48.7%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">7</i>
            <i>推塔</i>
            <i class="number-blue">8</i>
            <span>
                <em id="line" style="width:46.7%;"></em>
            </span>
        </li>
    </ul>


    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">TL</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Lucian.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nidalee.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Tristana.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Senna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Olaf.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">

            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Sion.png" alt="亡灵战神">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Viktor.png" alt="机械先驱">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Xayah.png" alt="逆羽">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>

        </div>
    </div>
</div>
</li>

<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LEC 春季赛 MAD vs RGE</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">MAD</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Lucian.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Tristana.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rell.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Orianna.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/Gnar.png" alt="迷失之牙">
            </a><a class="show-hero">
                <img 
                    src="./img/Volibear.png" alt="不灭狂雷">
            </a><a class="show-hero">
                <img 
                    src="./img/Viktor.png" alt="机械先驱">
            </a><a class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a class="show-hero">
                <img 
                    src="./img/Rakan.png" alt="幻翎">
            </a>

        </div>
    </div>


    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">59.9K</i>
            <i>金钱</i>
            <i class="number-blue">61.8K</i>
            <span>
                <em id="line" style="width:49.2%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">15</i>
            <i>击杀</i>
            <i class="number-blue">14</i>
            <span>
                <em id="line" style="width:51.7%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">6</i>
            <i>推塔</i>
            <i class="number-blue">5</i>
            <span>
                <em id="line" style="width:54.5%;"></em>
            </span>
        </li>
    </ul>


    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">RGE</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/MonkeyKing.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Jinx.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TwistedFate.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Ezreal.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">

            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Renekton.png" alt="荒漠屠夫">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Ryze.png" alt="符文法师">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Senna.png" alt="涤魂圣枪">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/TahmKench.png" alt="河流之王">
            </a>

        </div>
    </div>
</div>
</li>

<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LEC 春季赛 MAD vs RGE</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">MAD</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TahmKench.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Renekton.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Orianna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rell.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/MonkeyKing.png" alt="齐天大圣">
            </a><a class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a class="show-hero">
                <img 
                    src="./img/TwistedFate.png" alt="卡牌大师">
            </a><a class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a class="show-hero">
                <img 
                    src="./img/Alistar.png" alt="牛头酋长">
            </a>

        </div>
    </div>


    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">47.7K</i>
            <i>金钱</i>
            <i class="number-blue">39.0K</i>
            <span>
                <em id="line" style="width:55.0%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">14</i>
            <i>击杀</i>
            <i class="number-blue">7</i>
            <span>
                <em id="line" style="width:66.7%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">9</i>
            <i>推塔</i>
            <i class="number-blue">2</i>
            <span>
                <em id="line" style="width:81.8%;"></em>
            </span>
        </li>
    </ul>


    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">RGE</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Tristana.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Jinx.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Ezreal.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">

            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Gnar.png" alt="迷失之牙">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Lillia.png" alt="含羞蓓蕾">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Lucian.png" alt="圣枪游侠">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Varus.png" alt="惩戒之箭">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Braum.png" alt="弗雷尔卓德之心">
            </a>

        </div>
    </div>
</div>
</li>

<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LEC 春季赛 MAD vs RGE</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">MAD</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rell.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Kalista.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Lucian.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TahmKench.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/MonkeyKing.png" alt="齐天大圣">
            </a><a class="show-hero">
                <img 
                    src="./img/Volibear.png" alt="不灭狂雷">
            </a><a class="show-hero">
                <img 
                    src="./img/Orianna.png" alt="发条魔灵">
            </a><a class="show-hero">
                <img 
                    src="./img/Ezreal.png" alt="探险家">
            </a><a class="show-hero">
                <img 
                    src="./img/Leona.png" alt="曙光女神">
            </a>

        </div>
    </div>


    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">66.7K</i>
            <i>金钱</i>
            <i class="number-blue">57.9K</i>
            <span>
                <em id="line" style="width:53.5%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">18</i>
            <i>击杀</i>
            <i class="number-blue">8</i>
            <span>
                <em id="line" style="width:69.2%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">11</i>
            <i>推塔</i>
            <i class="number-blue">6</i>
            <span>
                <em id="line" style="width:64.7%;"></em>
            </span>
        </li>
    </ul>


    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">RGE</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Jayce.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nami.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Jinx.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Senna.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">

            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Karma.png" alt="天启者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Tristana.png" alt="麦林炮手">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Caitlyn.png" alt="皮城女警">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Morgana.png" alt="堕落天使">
            </a>

        </div>
    </div>
</div>
</li>

<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LEC 春季赛 MAD vs RGE</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">MAD</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rell.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Lucian.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gragas.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Karma.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/Gnar.png" alt="迷失之牙">
            </a><a class="show-hero">
                <img 
                    src="./img/Volibear.png" alt="不灭狂雷">
            </a><a class="show-hero">
                <img 
                    src="./img/Orianna.png" alt="发条魔灵">
            </a><a class="show-hero">
                <img 
                    src="./img/Senna.png" alt="涤魂圣枪">
            </a><a class="show-hero">
                <img 
                    src="./img/TahmKench.png" alt="河流之王">
            </a>

        </div>
    </div>


    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">78.6K</i>
            <i>金钱</i>
            <i class="number-blue">77.2K</i>
            <span>
                <em id="line" style="width:50.4%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">15</i>
            <i>击杀</i>
            <i class="number-blue">13</i>
            <span>
                <em id="line" style="width:53.6%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">8</i>
            <i>推塔</i>
            <i class="number-blue">8</i>
            <span>
                <em id="line" style="width:50.0%;"></em>
            </span>
        </li>
    </ul>


    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">RGE</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Udyr.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Jinx.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Tristana.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">

            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Gangplank.png" alt="海洋之灾">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Viktor.png" alt="机械先驱">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Varus.png" alt="惩戒之箭">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Rakan.png" alt="幻翎">
            </a>

        </div>
    </div>
</div>
</li>

<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LEC 春季赛 MAD vs RGE</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">MAD</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Ashe.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Kaisa.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Lillia.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/Gnar.png" alt="迷失之牙">
            </a><a class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a class="show-hero">
                <img 
                    src="./img/Viktor.png" alt="机械先驱">
            </a><a class="show-hero">
                <img 
                    src="./img/Jhin.png" alt="戏命师">
            </a><a class="show-hero">
                <img 
                    src="./img/Alistar.png" alt="牛头酋长">
            </a>

        </div>
    </div>


    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">60.0K</i>
            <i>金钱</i>
            <i class="number-blue">71.1K</i>
            <span>
                <em id="line" style="width:45.8%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">8</i>
            <i>击杀</i>
            <i class="number-blue">20</i>
            <span>
                <em id="line" style="width:28.6%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">3</i>
            <i>推塔</i>
            <i class="number-blue">11</i>
            <span>
                <em id="line" style="width:21.4%;"></em>
            </span>
        </li>
    </ul>


    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">RGE</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Ezreal.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TahmKench.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Jinx.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Tristana.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">

            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Gangplank.png" alt="海洋之灾">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Orianna.png" alt="发条魔灵">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Varus.png" alt="惩戒之箭">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>

        </div>
    </div>
</div>
</li>

<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LPL 春季赛 FPX vs EDG</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">FPX</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Hecarim.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Ryze.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Udyr.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Zoe.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/Sylas.png" alt="解脱者">
            </a><a class="show-hero">
                <img 
                    src="./img/Olaf.png" alt="狂战士">
            </a><a class="show-hero">
                <img 
                    src="./img/Akali.png" alt="离群之刺">
            </a><a class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>

        </div>
    </div>


    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">55.8K</i>
            <i>金钱</i>
            <i class="number-blue">44.8K</i>
            <span>
                <em id="line" style="width:55.5%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">14</i>
            <i>击杀</i>
            <i class="number-blue">5</i>
            <span>
                <em id="line" style="width:73.7%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">11</i>
            <i>推塔</i>
            <i class="number-blue">0</i>
            <span>
                <em id="line" style="width:100.0%;"></em>
            </span>
        </li>
    </ul>


    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">EDG</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gnar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Renekton.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Volibear.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Sett.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Lillia.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">

            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Sejuani.png" alt="北地之怒">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Nocturne.png" alt="永恒梦魇">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Orianna.png" alt="发条魔灵">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Xayah.png" alt="逆羽">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Alistar.png" alt="牛头酋长">
            </a>

        </div>
    </div>
</div>
</li>

<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LPL 春季赛 FPX vs EDG</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">FPX</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Alistar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rakan.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Sylas.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Qiyana.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/Jayce.png" alt="未来守护者">
            </a><a class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a class="show-hero">
                <img 
                    src="./img/Viktor.png" alt="机械先驱">
            </a><a class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>

        </div>
    </div>


    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">51.1K</i>
            <i>金钱</i>
            <i class="number-blue">39.9K</i>
            <span>
                <em id="line" style="width:56.2%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">15</i>
            <i>击杀</i>
            <i class="number-blue">11</i>
            <span>
                <em id="line" style="width:57.7%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">10</i>
            <i>推塔</i>
            <i class="number-blue">1</i>
            <span>
                <em id="line" style="width:90.9%;"></em>
            </span>
        </li>
    </ul>


    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">EDG</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gnar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Hecarim.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Orianna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Quinn.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">

            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Renekton.png" alt="荒漠屠夫">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Lillia.png" alt="含羞蓓蕾">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Azir.png" alt="沙漠皇帝">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Tristana.png" alt="麦林炮手">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Nautilus.png" alt="深海泰坦">
            </a>

        </div>
    </div>
</div>
</li>

<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LPL 春季赛 FPX vs EDG</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">FPX</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Alistar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TahmKench.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rell.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/Gnar.png" alt="迷失之牙">
            </a><a class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a class="show-hero">
                <img 
                    src="./img/Lulu.png" alt="仙灵女巫">
            </a><a class="show-hero">
                <img 
                    src="./img/Tristana.png" alt="麦林炮手">
            </a><a class="show-hero">
                <img 
                    src="./img/Rakan.png" alt="幻翎">
            </a>

        </div>
    </div>


    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">43.1K</i>
            <i>金钱</i>
            <i class="number-blue">53.4K</i>
            <span>
                <em id="line" style="width:44.7%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">4</i>
            <i>击杀</i>
            <i class="number-blue">18</i>
            <span>
                <em id="line" style="width:18.2%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">3</i>
            <i>推塔</i>
            <i class="number-blue">8</i>
            <span>
                <em id="line" style="width:27.3%;"></em>
            </span>
        </li>
    </ul>


    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">EDG</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Leona.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Orianna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Renekton.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Ryze.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Lillia.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">

            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Jayce.png" alt="未来守护者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Sylas.png" alt="解脱者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Gragas.png" alt="酒桶">
            </a>

        </div>
    </div>
</div>
</li>

<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LPL 春季赛 FPX vs EDG</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">FPX</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Alistar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Azir.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Renekton.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Udyr.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/Sett.png" alt="腕豪">
            </a><a class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a class="show-hero">
                <img 
                    src="./img/Akali.png" alt="离群之刺">
            </a><a class="show-hero">
                <img 
                    src="./img/Senna.png" alt="涤魂圣枪">
            </a><a class="show-hero">
                <img 
                    src="./img/TahmKench.png" alt="河流之王">
            </a>

        </div>
    </div>


    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">61.2K</i>
            <i>金钱</i>
            <i class="number-blue">48.5K</i>
            <span>
                <em id="line" style="width:55.8%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">15</i>
            <i>击杀</i>
            <i class="number-blue">6</i>
            <span>
                <em id="line" style="width:71.4%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">9</i>
            <i>推塔</i>
            <i class="number-blue">2</i>
            <span>
                <em id="line" style="width:81.8%;"></em>
            </span>
        </li>
    </ul>


    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">EDG</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Corki.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gnar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Jayce.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Viktor.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">

            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Gragas.png" alt="酒桶">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Volibear.png" alt="不灭狂雷">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Orianna.png" alt="发条魔灵">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Tristana.png" alt="麦林炮手">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>

        </div>
    </div>
</div>
</li>

<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LJL 春季赛 DFM vs V3</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">DFM</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Galio.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Braum.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rell.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gnar.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/Chogath.png" alt="虚空恐惧">
            </a><a class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a class="show-hero">
                <img 
                    src="./img/Seraphine.png" alt="星籁歌姬">
            </a><a class="show-hero">
                <img 
                    src="./img/Ezreal.png" alt="探险家">
            </a><a class="show-hero">
                <img 
                    src="./img/Sett.png" alt="腕豪">
            </a>

        </div>
    </div>


    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">48.2K</i>
            <i>金钱</i>
            <i class="number-blue">41.9K</i>
            <span>
                <em id="line" style="width:53.5%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">16</i>
            <i>击杀</i>
            <i class="number-blue">3</i>
            <span>
                <em id="line" style="width:84.2%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">7</i>
            <i>推塔</i>
            <i class="number-blue">4</i>
            <span>
                <em id="line" style="width:63.6%;"></em>
            </span>
        </li>
    </ul>


    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">V3</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gragas.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Renekton.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Urgot.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Udyr.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">

            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Volibear.png" alt="不灭狂雷">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Olaf.png" alt="狂战士">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/TwistedFate.png" alt="卡牌大师">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Jinx.png" alt="暴走萝莉">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Leona.png" alt="曙光女神">
            </a>

        </div>
    </div>
</div>
</li>

<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LPL 春季赛 FPX vs EDG</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">FPX</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Alistar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Hecarim.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Thresh.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TwistedFate.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/Sett.png" alt="腕豪">
            </a><a class="show-hero">
                <img 
                    src="./img/Volibear.png" alt="不灭狂雷">
            </a><a class="show-hero">
                <img 
                    src="./img/Viktor.png" alt="机械先驱">
            </a><a class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>

        </div>
    </div>


    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">48.6K</i>
            <i>金钱</i>
            <i class="number-blue">59.4K</i>
            <span>
                <em id="line" style="width:45.0%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">9</i>
            <i>击杀</i>
            <i class="number-blue">19</i>
            <span>
                <em id="line" style="width:32.1%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">2</i>
            <i>推塔</i>
            <i class="number-blue">7</i>
            <span>
                <em id="line" style="width:22.2%;"></em>
            </span>
        </li>
    </ul>


    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">EDG</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Corki.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gnar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Orianna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Renekton.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Lillia.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">

            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Gragas.png" alt="酒桶">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Udyr.png" alt="兽灵行者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Qiyana.png" alt="元素女皇">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Tristana.png" alt="麦林炮手">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Rakan.png" alt="幻翎">
            </a>

        </div>
    </div>
</div>
</li>

<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LJL 春季赛 DFM vs V3</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">DFM</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Galio.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TwistedFate.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rell.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Leblanc.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/Gragas.png" alt="酒桶">
            </a><a class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a class="show-hero">
                <img 
                    src="./img/Syndra.png" alt="暗黑元首">
            </a><a class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a class="show-hero">
                <img 
                    src="./img/Sett.png" alt="腕豪">
            </a>

        </div>
    </div>


    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">63.0K</i>
            <i>金钱</i>
            <i class="number-blue">48.3K</i>
            <span>
                <em id="line" style="width:56.6%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">20</i>
            <i>击杀</i>
            <i class="number-blue">4</i>
            <span>
                <em id="line" style="width:83.3%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">10</i>
            <i>推塔</i>
            <i class="number-blue">1</i>
            <span>
                <em id="line" style="width:90.9%;"></em>
            </span>
        </li>
    </ul>


    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">V3</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Orianna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gnar.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Ryze.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Renekton.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">

            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Volibear.png" alt="不灭狂雷">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Olaf.png" alt="狂战士">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Viktor.png" alt="机械先驱">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Senna.png" alt="涤魂圣枪">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/TahmKench.png" alt="河流之王">
            </a>

        </div>
    </div>
</div>
</li>

<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LJL 春季赛 DFM vs V3</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">DFM</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nautilus.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Galio.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Zoe.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rell.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/Shen.png" alt="暮光之眼">
            </a><a class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a class="show-hero">
                <img 
                    src="./img/Kassadin.png" alt="虚空行者">
            </a><a class="show-hero">
                <img 
                    src="./img/Tristana.png" alt="麦林炮手">
            </a><a class="show-hero">
                <img 
                    src="./img/Gragas.png" alt="酒桶">
            </a>

        </div>
    </div>


    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">44.1K</i>
            <i>金钱</i>
            <i class="number-blue">60.1K</i>
            <span>
                <em id="line" style="width:42.3%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">1</i>
            <i>击杀</i>
            <i class="number-blue">16</i>
            <span>
                <em id="line" style="width:5.9%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">0</i>
            <i>推塔</i>
            <i class="number-blue">11</i>
            <span>
                <em id="line" style="width:0.0%;"></em>
            </span>
        </li>
    </ul>


    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">V3</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Orianna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Renekton.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Urgot.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Udyr.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">

            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Gnar.png" alt="迷失之牙">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Olaf.png" alt="狂战士">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/TwistedFate.png" alt="卡牌大师">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Samira.png" alt="沙漠玫瑰">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Leona.png" alt="曙光女神">
            </a>

        </div>
    </div>
</div>
</li>

<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LJL 春季赛 DFM vs V3</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">DFM</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Galio.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TwistedFate.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Rell.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Leblanc.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/Gnar.png" alt="迷失之牙">
            </a><a class="show-hero">
                <img 
                    src="./img/Nocturne.png" alt="永恒梦魇">
            </a><a class="show-hero">
                <img 
                    src="./img/Ryze.png" alt="符文法师">
            </a><a class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a class="show-hero">
                <img 
                    src="./img/Sett.png" alt="腕豪">
            </a>

        </div>
    </div>


    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">66.5K</i>
            <i>金钱</i>
            <i class="number-blue">58.2K</i>
            <span>
                <em id="line" style="width:53.3%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">20</i>
            <i>击杀</i>
            <i class="number-blue">17</i>
            <span>
                <em id="line" style="width:54.1%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">11</i>
            <i>推塔</i>
            <i class="number-blue">2</i>
            <span>
                <em id="line" style="width:84.6%;"></em>
            </span>
        </li>
    </ul>


    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">V3</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Orianna.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Hecarim.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gragas.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Udyr.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Renekton.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">

            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Karma.png" alt="天启者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Graves.png" alt="法外狂徒">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Viktor.png" alt="机械先驱">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Senna.png" alt="涤魂圣枪">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/TahmKench.png" alt="河流之王">
            </a>

        </div>
    </div>
</div>
</li>

<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LLA 开幕赛 FG vs INF</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">FG</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Udyr.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Jayce.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Zoe.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Kaisa.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Hecarim.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/Gnar.png" alt="迷失之牙">
            </a><a class="show-hero">
                <img 
                    src="./img/Lillia.png" alt="含羞蓓蕾">
            </a><a class="show-hero">
                <img 
                    src="./img/Tristana.png" alt="麦林炮手">
            </a><a class="show-hero">
                <img 
                    src="./img/Xayah.png" alt="逆羽">
            </a><a class="show-hero">
                <img 
                    src="./img/Alistar.png" alt="牛头酋长">
            </a>

        </div>
    </div>


    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">46.8K</i>
            <i>金钱</i>
            <i class="number-blue">59.8K</i>
            <span>
                <em id="line" style="width:43.9%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">4</i>
            <i>击杀</i>
            <i class="number-blue">17</i>
            <span>
                <em id="line" style="width:19.0%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">2</i>
            <i>推塔</i>
            <i class="number-blue">10</i>
            <span>
                <em id="line" style="width:16.7%;"></em>
            </span>
        </li>
    </ul>


    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">INF</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/TahmKench.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nidalee.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Yone.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Sylas.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">

            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Gangplank.png" alt="海洋之灾">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Nocturne.png" alt="永恒梦魇">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Azir.png" alt="沙漠皇帝">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Samira.png" alt="沙漠玫瑰">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>

        </div>
    </div>
</div>
</li>

<li  class="mouse-hover">
<div class="match-detail-title">
    <a href="javascript:;">2021 LLA 开幕赛 FG vs INF</a>
    <span>1周前</span>
</div>
<div class="match-detail-show">
    <div class="show-left">
        <div class="show-left-top">
            <span class="show-team">FG</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nocturne.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Udyr.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Azir.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Zoe.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Gnar.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-left-bom">

            <a class="show-hero">
                <img 
                    src="./img/MonkeyKing.png" alt="齐天大圣">
            </a><a class="show-hero">
                <img 
                    src="./img/Volibear.png" alt="不灭狂雷">
            </a><a class="show-hero">
                <img 
                    src="./img/Viktor.png" alt="机械先驱">
            </a><a class="show-hero">
                <img 
                    src="./img/Jinx.png" alt="暴走萝莉">
            </a><a class="show-hero">
                <img 
                    src="./img/Thresh.png" alt="魂锁典狱长">
            </a>

        </div>
    </div>


    <!-- pc端显示 -->
    <ul class="show-middle">
        <li>
            <i class="number-red">49.8K</i>
            <i>金钱</i>
            <i class="number-blue">64.2K</i>
            <span>
                <em id="line" style="width:43.7%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">8</i>
            <i>击杀</i>
            <i class="number-blue">25</i>
            <span>
                <em id="line" style="width:24.2%;"></em>
            </span>
        </li>
        <li>
            <i class="number-red">1</i>
            <i>推塔</i>
            <i class="number-blue">9</i>
            <span>
                <em id="line" style="width:10.0%;"></em>
            </span>
        </li>
    </ul>


    <div class="show-right">
        <div class="show-right-top">
            <span class="show-team">INF</span>
            <div class="show-pic">

                <a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Nidalee.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Yone.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Seraphine.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Renekton.png" alt="">
                </a><a href="javascript:;" class="show-pic-click">
                    <img 
                        src="./img/Sylas.png" alt="">
                </a>

            </div>
        </div>
        <div class="show-right-bom">

            <a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Jayce.png" alt="未来守护者">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Hecarim.png" alt="战争之影">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Syndra.png" alt="暗黑元首">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Kaisa.png" alt="虚空之女">
            </a><a href="javascript:;" class="show-hero">
                <img 
                    src="./img/Rell.png" alt="镕铁少女">
            </a>

        </div>
    </div>
</div>
</li>`;